
// @wrapWidth:9.6rem;
// html{
//     width: 100%;
//     font-size: 100px;
// }

// 媒体查询
@media screen and(min-width: 1024px){
    html{font-size: 70px}
    } /*>=1024的设备屏幕*/
     
@media screen and(min-width: 1100px) {
html{font-size: 76px}
} /*>=1100的设备屏幕*/
@media (min-width: 1280px) {
body{font-size: 88px;}
} /*>=1280的设备屏幕*/
    
@media screen and(min-width: 1366px) {
html{font-size: 95px;}
} /*>=1366的设备屏幕*/ 
    
@media screen and(min-width: 1440px) {
html{font-size: 100px;}
// html{font-size: 100px !important;}
} /*>=1440的设备屏幕*/ 
    
@media screen and(min-width: 1680px) {
html{font-size: 116px;}
}  /*>=1680的设备屏幕*/ 
@media screen and(min-width: 1920px) {
html{font-size: 133px;}
}  /*>=1920的设备屏幕*/



body{
    width: 100%;
}

.w{
    width: 9.6rem;
    margin: auto;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
.clearfix{
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
    clear: both;
}
.toggleDisplay{
    display: none;
}
.myclear::after{
    content: '';
    height: 0;
    display: block;
    clear: both;
}
.myclear{
    zoom: 1;
}
ul{
    margin: 0;
    padding: 0;
}


// 固定盒子开始

// 固定在右边的咨询栏
.consult{
   position: fixed;
   right: 0;
   top: 24%;
   z-index: 99;
   width: 1.78rem;
   height: 4rem;
   img{
       width: 100%;
       height: 100%;
   }
//    background: radial-gradient(#0096e6,#1076d9); //径向渐变 默认渐变中心点是center
}
// 固定在下方的 留言栏 message 
.message{
    position: fixed;
    bottom: 0;
    right: 0.3rem;
    width: 2.1rem;
    height: 0.45rem;
    // background: #178ce8;
    font-size: 0.16rem;
    padding-left: 0.55rem;
    line-height: 0.45rem;
    box-sizing: border-box;
    span{
        position: absolute;
        top: 0;
        left: 0;
        width: 0.45rem;
        height: 100%;
        background: #1470b9;
        img{
            position: absolute;
            top: calc(50% - 0.12rem);
            left: calc(50% - 0.12rem);
            width: 0.24rem;
            height: 0.24rem;
        }
    }
}

// 固定盒子结束



// header开始
header{
    
    .w{
        position: relative;
        height: 0.83rem;
        >a{
            position: absolute;
            left: -1.99rem;
            width: 1.99rem;
            height: 0.83rem;
            line-height: 0.83rem;  //这里排查了很久 如果a不给行高 图片会往下掉
            // background: rgb(50, 190, 85);
            img{
                width: 100%;
                height: 100%;
            }
        }
        nav{
            ul{
                padding: 0;
                margin: 0;
                margin-left: 1.12rem;
                overflow: hidden;
                width: 20rem;
                display: flex;
                li{
                    margin: 0;
                    float: left;
                    margin-top: 0.23rem;
                    a{
                        display: block;
                        font-size: 0.15rem;
                        padding: 0.1rem 0.03rem;
                        margin: 0 0.23rem;
                        &:hover{
                            color: #0071BC ;
                        }
                        
                    }
                    .active{
                        border-bottom: 0.03rem solid #0071BC ;
                    }
                    

                }

            }

            
        }
    }
}

// header结束


   


// footer开始
footer{
    width: 100%;
    height: 6.7rem;
    background: #373e44;
    .w{
        width: 100%;
        margin-left: 1.28rem;
        font-size: 0.14rem;
        color: #fff;
        padding-top: 1.05rem;
        dl{
            float: left;
            width: 2.48rem;
            margin-right: 0.9rem;
            dt{
                font-size: 0.22rem;
                font-weight: bold;
                margin-bottom: 0.5rem;
                
            }
            dd{
                margin: 0;
                height: 0.63rem;
                a{
                    font-size: 0.14rem;
                    color: #fff;
                }
                a:first-child{
                    margin-right: 0.68rem;
                }
            }
            
        }
        dl:last-child{
            margin-right: 0;
            dd{
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
            }
           
                
             
        }

    }
}




